<template>
    <a-modal title="转让您的项目？" v-model="giveData.show" width="30%" @cancel="giveData.show=false" @ok="confirm">
        <span>您即将永久转让自己的项目，以及与您的 项目相关联的所有数据。 确认转让项目后，无法撤销或恢复。</span>
        <p>转让给</p>
        <p>
            用户：
            <a-select :allowClear="true" style="width:260px;" showSearch optionFilterProp="children" v-model="user" placeholder="请选择用户" :filterOption="filterOption">
                <a-select-option v-for="(item, i) in giveData.userList" :key="i" :value="item.memberUser">{{item.realname}}</a-select-option>
            </a-select>
        </p>
    </a-modal>
</template>
<script>
export default {
  name: 'RemoveTips',
  props: {
    giveData: {
      type: Object,
      required: true
    }
  },
  data () {
    return {
      user: null
    }
  },
  methods: {
    filterOption (input, option) {
      return option.componentOptions.children[0].text.toLowerCase().indexOf(input.toLowerCase()) >= 0
    },
    confirm () {
      if (!this.user) {
        this.$message.error('请选择用户')
      } else {
        this.$emit('confirm', this.user)
      }
    }
  }
}
</script>
